   .A {
       width: 1300px;
       height: 600px;
       position: relative;
       margin: auto;
       background-image: url(4.jpg)
   }
   
   .A .menu ul {
       margin: 0;
       padding: 0;
       list-style: none;
   }
   
   .A .menu ul li {
       display: inline-block;
   }
   
   .A .menu {
       float: right;
   }
   
   .A .menu ul li a {
       text-decoration: none;
       font-size: 16px;
       color: #aaa;
       line-height: 80px;
       padding: 0 20px;
   }
   
   .A .menu ul li.active a {
       color: white;
   }
   
   .A .menu ul li.active {
       border-bottom: 2px solid white;
   }
   
   .A .logo {
       padding-left: 50px;
       float: left;
       font-size: 40px;
       font-weight: bold;
       line-height: 60px;
       color: white;
   }
   
   .A .logo img {
       height: 60px;
       margin: 10px 20px;
       float: left;
       position: relative;
       top: -10px;
   }
   
   .a {
       color: white;
       position: absolute;
       top: 200px;
       left: 300px;
       font-size: 50px;
   }
   
   .b {
       position: absolute;
       top: 300px;
       text-align: center;
       color: white;
       font-size: 30px;
       left: 400px;
   }
   
   .B {
       width: 1300px;
       height: 500px;
       position: relative;
       margin: auto;
   }
   
   body {
       background-image: url(2.jpg);
       background-size: 1500px 500px;
       background-attachment: fixed;
   }
   
   .xia {
       display: inline-block;
       width: 500px;
       position: absolute;
       top: 200px;
       left: 350px;
   }
   
   .shang {
       display: inline-block;
       position: absolute;
       left: 50px;
       width: 1000px;
       top: 100px;
   }
   
   .about {
       position: relative;
       height: 600px;
       background-image: url(3.jpg);
       padding-top: 10%;
   }
   
   .ss {
       position: absolute;
       left: 500px;
       font-size: 20px;
       top: 100px;
   }
   
   .x {
       width: 300px;
       position: absolute;
       bottom: -320px;
       right: 400px;
   }
   
   .S {
       color: #aabdcc;
       font-size: 40px;
       position: absolute;
       left: 350px;
       z-index: 1;
       top: -90px;
   }
   
   .chahua {
       height: 300px;
       width: 1150px;
       background-color: #f0f1f5;
       position: absolute;
       left: 80px;
       top: 150px;
       box-shadow: 10px 10px 5px silver;
       transform: translate(2);
   }
   
   .chahua:hover {
       transform: scale(1.1);
   }
   
   .FS {
       height: 300px;
       position: absolute;
   }
   
   .FSH {
       position: absolute;
       top: 30px;
       left: 670px;
   }
   
   .C {
       width: 1300px;
       height: 1000px;
       position: relative;
       margin: auto;
       background-color: white
   }
   
   .ZJ {
       height: 300px;
       position: absolute;
       left: 700px;
   }
   
   .HH {
       position: absolute;
       left: 600px;
       z-index: 2;
   }
   
   .cc {
       font-size: 20px;
       position: absolute;
       left: 550px;
       top: 100px;
   }
   
   .ch {
       height: 300px;
       width: 1150px;
       background-color: #f0f1f5;
       left: 80px;
       top: 600px;
       position: absolute;
       box-shadow: 10px 10px 5px silver;
       transform: translate(2);
   }
   
   .ch:hover {
       transform: scale(1.1);
   }
   
   .ccc {
       font-size: 20px;
       position: absolute;
       top: 100px;
       right: 550px;
   }
   
   .ZJH {
       position: absolute;
       top: 30px;
       right: 670px;
   }
   
   .CC {
       color: #aabdcc;
       font-size: 40px;
       position: absolute;
       left: 250px;
       z-index: 1;
       top: 10px;
   }
   
   .D {
       width: 1300px;
       height: 750px;
       position: relative;
       margin: auto;
       background-color: #f0f1f5;
   }
   
   .fm {
       height: 400px;
       position: relative;
       top: 150px;
       left: 150px;
       z-index: 2;
   }
   
   .DD {
       position: absolute;
       left: 600px;
       z-index: 2;
   }
   
   .DDD {
       color: #aabdcc;
       font-size: 40px;
       position: absolute;
       left: 340px;
       z-index: 1;
       top: 10px;
   }
   
   .t {
       position: absolute;
       left: 250px;
       bottom: 100px;
       font-size: 20px;
       text-decoration: none;
       color: #35dab6;
   }
   
   .t:hover {
       font-size: 25px;
       background-color: #d6d2c4;
       text-decoration: underline;
   }
   
   .fd {
       height: 400px;
       position: relative;
       top: 300px;
       right: 80px;
       z-index: 1;
   }
   
   .E {
       background-color: #1e2832;
       margin-top: 10px;
       width: 1300px;
       height: 400px;
   }
   
   .E .top {
       padding: 30px 0;
       text-align: center;
   }
   
   .E .top .info {
       margin: 0 auto;
       width: 80%;
       max-width: 1200px;
       padding: 20px 0;
       color: white;
       font-size: 14px;
   }
   
   .bottom {
       padding: 20px;
       border-top: 1px solid #dddddd;
       font-size: 13px;
       color: white;
       overflow: auto;
       text-align: center;
   }
   /* ___________________About Page____________________ */
   
   .bg-font {
       position: fixed;
       font-size: 400px;
       color: white;
       opacity: 0.2;
   }
   
   .bg-font span {
       width: 30%;
       bottom: 10%;
       display: inline-block;
   }
   
   .content {
       overflow: auto;
   }
   
   .content .avatar {
       text-align: center;
   }
   
   .content .avatar img {
       border-radius: 80px;
   }
   
   .content .intro {
       font-size: 14px;
       color: white;
       line-height: 1.8;
       padding: 30px;
       margin: 10px auto;
   }
   /* 介绍内容 */
   
   .content .half {
       display: inline-block;
       width: 400px;
       vertical-align: top;
       margin-left: 10%;
   }
   
   .E {
       width: 1300px;
       margin: 0 auto;
       padding-bottom: 80px;
   }
   
   .E img {
       margin: 0 30px;
   }
   
   .E .first {
       vertical-align: top;
   }
   
   .E .second {
       vertical-align: middle;
   }
   
   .E {
       overflow: hidden;
   }
   
   .E img {
       overflow: hidden;
       transition: all ease 0.5s;
   }
   
   .E img:hover {
       transform: scale(1.1);
   }
   
   h3 {
       color: white;
   }
   
   .dh {
       height: 50px;
   }
   
   .wx {
       height: 50px;
   }
   
   .qq {
       height: 50px;
   }
   
   .guanyu {
       position: absolute;
       left: 550px;
       bottom: 20px;
       z-index: 2;
   }
   
   .gu {
       width: 50px;
       height: 50px;
       border-radius: 25px;
       z-index: 1;
       position: absolute;
       right: 51px;
       bottom: 50px;
       transition: all 0.3s linear;
       position: fixed;
   }
   
   .gu:hover {
       box-shadow: 0 0 10px black;
       transform: translate(0, -10px);
   }